<div class="container_16 containerHeight">
    <div class="grid_12 push_1">
        <h2><?= lang('solDeposito'); ?></h2>
        <table id="tablaDepositos">
            <thead>
                <tr>
                    <td><?= lang('plazo'); ?></td>
                    <td><?= lang('importeMin'); ?></td>
                    <td>T.A.E.</td>
                    <td><?= lang('multaCanc'); ?></td>
                    <td><?= lang('solicitar'); ?></td>
                </tr>
            </thead>
            <tbody>
                <?php foreach ($depositos as $dept) {
                ?>
                    <tr>
                        <td><?= $dept->plazo ?>&nbsp;&nbsp;Meses</td>
                        <td><?= $dept->importeMinimo ?>&euro;</td>
                        <td><?= $dept->tae ?>%</td>
                        <td><?= $dept->multaCancelacion ?>%</td>
                        <td><a style="text-decoration: none" href="backend/deposito/deposito/infoDeposito/<?= $dept->id ?>"><img
                                    id="imagen<?= $dept->id ?>" src="/images/inversiones/comprar.png" alt=""><label
                                    for="imagen<?= $dept->id ?>"><?= lang('solicitar'); ?></label></a></td>
                    </tr>
                <?php } ?>
            </tbody>
        </table>
    </div>
</div>
<script>
    $(document).ready(function () {
        $('#tablaDepositos').dataTable({
            "bJQueryUI":true,
            "bInfo":false,
            "bSort":false,
            "bAutoWidth":false,
            "bLengthChange":false,
            "iDisplayLength":20,
            "oLanguage": {
                "sUrl": "<?= lang('datatables_lng') ?>"
            }
        });
    });
</script>
<style>
    .dataTables_filter {
        display: none;
    }

    #tablaDepositos tr td {
        text-align: center;
    }

</style>